<ion-content class="no-padding">
    <header>
        <h3>采集</h3>
        <button class="cancel" (click)="toShowAlert()">返回</button>
    </header>
    <div class="result-content">
        <div class="con">
            <div class="head" *ngIf="isSuccess">
                <i class="icon"></i>
                <div class="info">采集成功</div>
            </div>
            <div class="head fail_info" *ngIf="!isSuccess">
                <i class="icon"></i>
                <div class="info">{{data.errorMassage}}</div>
            </div>
            <div class="maInfo">
                <div>箱码：<span>{{data.infoData.boxNo}}</span></div>
                <div>产品名称：<span class="produceName">{{data.infoData.productName}}</span></div>
            </div>
            <div class="removeThis()"></div>
        </div>
        <!--采集成功-->
        <div class="btns success" *ngIf="isSuccess">
            <button ion-button class="btn btn1" (click)="goback()">取消</button>
            <button ion-button class="btn btn2" (click)="delAndBack()">删除并返回</button>
            <button ion-button class="btn btn2" (click)="delAndContinue()">删除并继续</button>
        </div>
        <!--采集失败-->
        <div class="btns fail" *ngIf="!isSuccess">
            <button ion-button class="btn btn1" (click)="goback()">取消</button>
            <button ion-button class="btn btn2" (click)="reDel()">重试</button>
        </div>
    </div>

    <div class="component-alert" *ngIf="!showAlert">
        <div id="myBox" class="myBox">
            <div class="tit">退出扫码</div>
            <div class="tips">确定退出吗？<br/>当前扫描进度将被保留</div>
            <div class="btns">
                <button ion-button class="btn btn-cancel" (click)="btnCancel()">取消</button>
                <button ion-button class="btn btn-choose" (click)="btnChoose()">确认</button>
            </div>
        </div>
    </div>
</ion-content>
